﻿<!DOCTYPE html>
<!-- saved from url=(0045)http://demo.topjui.com/html/portal/index.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <!-- TopJUI框架样式 -->
    <!--<link type="text/css" href="../../topjui/css/topjui.core.min.css" rel="stylesheet">
    <link type="text/css" href="../../topjui/themes/default/topjui.blue.css" rel="stylesheet" id="dynamicTheme"/>-->
    <!-- FontAwesome字体图标 -->
    <link type="text/css" href="./stylesheet/font-awesome.min.css" rel="stylesheet">
    <!-- layui框架样式 -->
    <link type="text/css" href="./stylesheet/layui.css" rel="stylesheet">
    <link type="text/css" href="./stylesheet/font.css" rel="stylesheet">
    <link type="text/css" href="./stylesheet/main.css" rel="stylesheet">
    <!-- jQuery相关引用 -->
    <script src="./JavaScript/hm.js"></script>
    <script type="text/javascript" src="./JavaScript/jquery.min.js"></script>
    <script type="text/javascript" src="./JavaScript/jquery.cookie.js"></script>
    <!-- TopJUI框架配置 -->
    <script type="text/javascript" src="./JavaScript/topjui.config.js"></script>
    <!-- TopJUI框架核心-->
    <script type="text/javascript" src="./JavaScript/topjui.core.min.js"></script>
    <!-- TopJUI中文支持 -->
    <script type="text/javascript" src="./JavaScript/topjui.lang.zh_CN.js"></script>
    <!-- layui框架js -->
    <script src="./JavaScript/layui.js" charset="utf-8"></script>
    <style>
        .layui-badge {
            height: initial;
            line-height: 30px;
            text-align: left;
            font-size: 14px;
        }
    </style>
</head>

<body>
<div class="layui-container-fluid">
    <div class="panel_box row">
        <div class="panel col">
            <a href="javascript:;" data-url="page/message/message.html">
                <div class="panel_icon">
                    <i class="layui-icon" data-icon=""></i>
                </div>
                <div class="panel_word newMessage">
                    <span>5</span>
                    <cite>新消息</cite>
                </div>
            </a>
        </div>
        <div class="panel col">
            <a href="javascript:;" data-url="page/user/allUsers.html">
                <div class="panel_icon" style="background-color:#FF5722;">
                    <i class="iconfont icon-dongtaifensishu" data-icon="icon-dongtaifensishu"></i>
                </div>
                <div class="panel_word userAll">
                    <span>3</span>
                    <cite>新增人数</cite>
                </div>
            </a>
        </div>
        <div class="panel col">
            <a href="javascript:;" data-url="page/user/allUsers.html">
                <div class="panel_icon" style="background-color:#009688;">
                    <i class="layui-icon" data-icon=""></i>
                </div>
                <div class="panel_word userAll">
                    <span>3</span>
                    <cite>用户总数</cite>
                </div>
            </a>
        </div>
        <div class="panel col">
            <a href="javascript:;" data-url="page/img/images.html">
                <div class="panel_icon" style="background-color:#5FB878;">
                    <i class="layui-icon" data-icon=""></i>
                </div>
                <div class="panel_word imgAll">
                    <span>31</span>
                    <cite>图片总数</cite>
                </div>
            </a>
        </div>
        <div class="panel col">
            <a href="javascript:;" data-url="page/news/newsList.html">
                <div class="panel_icon" style="background-color:#F7B824;">
                    <i class="iconfont icon-wenben" data-icon="icon-wenben"></i>
                </div>
                <div class="panel_word waitNews">
                    <span>13</span>
                    <cite>待审核文章</cite>
                </div>
            </a>
        </div>
        <div class="panel col max_panel">
            <a href="javascript:;" data-url="page/news/newsList.html">
                <div class="panel_icon" style="background-color:#2F4056;">
                    <i class="iconfont icon-text" data-icon="icon-text"></i>
                </div>
                <div class="panel_word allNews">
                    <span>30</span>
                    <em>文章总数</em>
                    <cite>文章列表</cite>
                </div>
            </a>
        </div>
    </div>

    <div class="layui-row layui-col-space10">
        <div class="layui-col-md12">
            <blockquote class="layui-elem-quote explain">
                <p>
                    致力于打造既美观实用又能快速开发的后台管理前端框架，解决传统EasyUI的性能和功能问题！
                    纯HTML调用功能组件，不用写JS代码的EasyUI，专注你的后端业务开发！
                </p>
                <p>
                    基于成熟稳定的EasyUI框架开发，集丰富组件+强大功能+优异性能+精美界面+便捷开发于一身，适用于企业级信息管理系统或Web后台管理系统
                </p>
                <p>
                    <span style="font-weight: bold;">框架下载：</span><a href="http://www.topjui.com/download.html" target="_blank" onclick="_hmt.push([&#39;_trackEvent&#39;, &#39;门户&#39;, &#39;点击&#39;, &#39;TopJUI下载&#39;])">http://www.topjui.com/download.html</a>
                    <span style="font-weight: bold;">动态演示：</span><a href="http://demo.ewsd.cn/system/login" target="_blank" onclick="_hmt.push([&#39;_trackEvent&#39;, &#39;门户&#39;, &#39;点击&#39;, &#39;EMIS演示&#39;])">http://demo.ewsd.cn/system/login</a>（整合JAVA
                    SSHM，<a href="http://www.ewsd.cn/emis.html" target="_blank" onclick="_hmt.push([&#39;_trackEvent&#39;, &#39;门户&#39;, &#39;点击&#39;, &#39;EMIS介绍&#39;])">查看详细介绍</a>）

                </p>
                <p>
                    <span style="font-weight: bold;">联系我们：</span>
                    <i class="fa fa-qq"></i> 251122361
                    <i class="fa fa-fax"></i> 0755-33942020
                    <i class="fa fa fa-envelope"></i> service@ewsd.cn
                    <a target="blank" href="tencent://message/?uin=251122361&amp;Site=TopJUI%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6&amp;Menu=yes">
                        <img border="0" src="./pa" alt="点击这里给我发消息">
                    </a>
                </p>
            </blockquote>
        </div>
    </div>

    <div class="layui-row layui-col-space10">
        <div class="layui-col-md4">
            <blockquote class="layui-elem-quote title">某地区蒸发量和降水量</blockquote>
            <table class="layui-table" lay-skin="line">
                <tbody>
                <tr>
                    <td>
                        <div data-toggle="topjui-echarts" data-options="id:&#39;barChart&#39;,url:&#39;../../json/echarts/bar.json&#39;,height:400" id="barChart" _echarts_instance_="ec_1534485424311" style="width: 506px; height: 400px; -webkit-tap-highlight-color: transparent; user-select: none; background-color: transparent; position: relative;"><div style="position: relative; overflow: hidden; width: 506px; height: 400px; cursor: default;"><canvas width="506" height="400" data-zr-dom-id="zr_0" style="position: absolute; left: 0px; top: 0px; width: 506px; height: 400px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas></div><div style="position: absolute; display: block; border-style: solid; white-space: nowrap; transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s, top 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s; background-color: rgba(50, 50, 50, 0.7); border-width: 0px; border-color: rgb(51, 51, 51); border-radius: 4px; color: rgb(255, 255, 255); font: 14px/21px &quot;Microsoft YaHei&quot;; padding: 5px; left: 222.4px; top: 206.125px;">5月<br>蒸发量 : 25.6<br>降水量 : 28.7</div></div>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="layui-col-md4">
            <blockquote class="layui-elem-quote title">未来一周气温变化</blockquote>
            <table class="layui-table" lay-skin="line">
                <tbody>
                <tr>
                    <td align="left">
                        <div data-toggle="topjui-echarts" data-options="id:&#39;lineChart&#39;,url:&#39;../../json/echarts/line.json&#39;,height:400" id="lineChart" _echarts_instance_="ec_1534485424312" style="width: 502px; height: 400px; -webkit-tap-highlight-color: transparent; user-select: none; background-color: transparent; position: relative;"><div style="position: relative; overflow: hidden; width: 502px; height: 400px; cursor: default;"><canvas width="502" height="400" data-zr-dom-id="zr_0" style="position: absolute; left: 0px; top: 0px; width: 502px; height: 400px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas></div><div></div></div>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="layui-col-md4">
            <blockquote class="layui-elem-quote title">某站点用户访问来源</blockquote>
            <table class="layui-table" lay-skin="line">
                <tbody>
                <tr>
                    <td>
                        <div data-toggle="topjui-echarts" data-options="id:&#39;pieChart&#39;,url:&#39;../../json/echarts/pie.json&#39;,height:400" id="pieChart" _echarts_instance_="ec_1534485424313" style="width: 502px; height: 400px; -webkit-tap-highlight-color: transparent; user-select: none; background-color: transparent; position: relative;"><div style="position: relative; overflow: hidden; width: 502px; height: 400px;"><canvas width="502" height="400" data-zr-dom-id="zr_0" style="position: absolute; left: 0px; top: 0px; width: 502px; height: 400px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas></div><div></div></div>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>

    <div class="layui-row layui-col-space10">
        <div class="layui-col-md4">
            <blockquote class="layui-elem-quote title">最新文章<i class="iconfont icon-new1"></i></blockquote>
            <table class="layui-table" lay-skin="line">
                <colgroup>
                    <col>
                    <col width="110">
                </colgroup>
                <tbody class="hot_news">
                <tr>
                    <td align="left">
                        <a href="javascript:window.parent.addParentTab({href:&#39;./html/article/detail.html&#39;,title:&#39;强化党内监督是全面从严治党重要保障&#39;})">强化党内监督是全面从严治党重要保障</a>
                    </td>
                </tr>
                <tr>
                    <td align="left">
                        <a href="javascript:window.parent.addParentTab({href:&#39;./html/article/detail.html&#39;,title:&#39;李克强：地方和部门主要负责同志要带头...&#39;})">李克强：地方和部门主要负责同志要带头...</a>
                    </td>
                </tr>
                <tr>
                    <td align="left">
                        <a href="javascript:window.parent.addParentTab({href:&#39;./html/article/detail.html&#39;,title:&#39;李克强：政务公开是常态不公开是例外&#39;})">李克强：政务公开是常态不公开是例外</a>
                    </td>
                </tr>
                <tr>
                    <td align="left">
                        <a href="javascript:window.parent.addParentTab({href:&#39;./html/article/detail.html&#39;,title:&#39;军委机关将总体实行“部—局—处”三级体制&#39;})">军委机关将总体实行“部—局—处”三级体制</a>
                    </td>
                </tr>
                <tr>
                    <td align="left">
                        <a href="javascript:window.parent.addParentTab({href:&#39;./html/article/detail.html&#39;,title:&#39;蔡奇就任北京代市长 王安顺因工作调动请辞&#39;})">蔡奇就任北京代市长王安顺因工作调动请辞</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="layui-col-md4">
            <blockquote class="layui-elem-quote title">热门文章<i class="iconfont icon-new1"></i></blockquote>
            <table class="layui-table" lay-skin="line">
                <colgroup>
                    <col>
                    <col width="110">
                </colgroup>
                <tbody class="hot_news">
                <tr>
                    <td align="left">
                        <a href="javascript:window.parent.addParentTab({href:&#39;./html/article/detail.html&#39;,title:&#39;强化党内监督是全面从严治党重要保障&#39;})">强化党内监督是全面从严治党重要保障</a>
                    </td>
                </tr>
                <tr>
                    <td align="left">
                        <a href="javascript:window.parent.addParentTab({href:&#39;./html/article/detail.html&#39;,title:&#39;李克强：地方和部门主要负责同志要带头...&#39;})">李克强：地方和部门主要负责同志要带头...</a>
                    </td>
                </tr>
                <tr>
                    <td align="left">
                        <a href="javascript:window.parent.addParentTab({href:&#39;./html/article/detail.html&#39;,title:&#39;李克强：政务公开是常态不公开是例外&#39;})">李克强：政务公开是常态不公开是例外</a>
                    </td>
                </tr>
                <tr>
                    <td align="left">
                        <a href="javascript:window.parent.addParentTab({href:&#39;./html/article/detail.html&#39;,title:&#39;军委机关将总体实行“部—局—处”三级体制&#39;})">军委机关将总体实行“部—局—处”三级体制</a>
                    </td>
                </tr>
                <tr>
                    <td align="left">
                        <a href="javascript:window.parent.addParentTab({href:&#39;./html/article/detail.html&#39;,title:&#39;蔡奇就任北京代市长 王安顺因工作调动请辞&#39;})">蔡奇就任北京代市长王安顺因工作调动请辞</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="layui-col-md4">
            <blockquote class="layui-elem-quote title">通知公告</blockquote>
            <table class="layui-table" lay-skin="line">
                <colgroup>
                    <col>
                    <col width="110">
                </colgroup>
                <tbody class="hot_news">
                <tr>
                    <td align="left">
                        <a href="javascript:window.parent.addParentTab({href:&#39;./html/article/detail.html&#39;,title:&#39;强化党内监督是全面从严治党重要保障&#39;})">强化党内监督是全面从严治党重要保障</a>
                    </td>
                </tr>
                <tr>
                    <td align="left">
                        <a href="javascript:window.parent.addParentTab({href:&#39;./html/article/detail.html&#39;,title:&#39;李克强：地方和部门主要负责同志要带头...&#39;})">李克强：地方和部门主要负责同志要带头...</a>
                    </td>
                </tr>
                <tr>
                    <td align="left">
                        <a href="javascript:window.parent.addParentTab({href:&#39;./html/article/detail.html&#39;,title:&#39;李克强：政务公开是常态不公开是例外&#39;})">李克强：政务公开是常态不公开是例外</a>
                    </td>
                </tr>
                <tr>
                    <td align="left">
                        <a href="javascript:window.parent.addParentTab({href:&#39;./html/article/detail.html&#39;,title:&#39;军委机关将总体实行“部—局—处”三级体制&#39;})">军委机关将总体实行“部—局—处”三级体制</a>
                    </td>
                </tr>
                <tr>
                    <td align="left">
                        <a href="javascript:window.parent.addParentTab({href:&#39;./html/article/detail.html&#39;,title:&#39;蔡奇就任北京代市长 王安顺因工作调动请辞&#39;})">蔡奇就任北京代市长王安顺因工作调动请辞</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>

</div>

<script type="text/javascript" src="./JavaScript/echarts.min.js"></script>


</body></html>